<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		
		<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">

        <link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
        <link rel="stylesheet" type="text/css" href="css/common.css"/>
        <link rel="stylesheet" type="text/css" href="css/iconfont/iconfont.css"/>
		<title>复旦大学EMBA</title>
	</head>
	<body class="grey">

        <div class="pop-bg">
            <div class="pop-box">
                <div class="pop-box-close"></div>
                <div class="pop-box-title">课程介绍</div>
                <div class="pop-box-content">
                    <h1>战略管理</h1>
                    <p>这里是课程介绍文字这里是课程介绍文字这里是课程介绍文字这里是课程介绍文字这里是课程介绍文字这里是课程介绍文字这里是课程介绍文字这里是课程介绍文字这里是课程介绍文字这里是课程介绍文字这里是课程介绍文字这里是课程介绍文字这里是课程介绍文字这里是课程介绍文字。</p>
                </div>
            </div>
        </div>
		
        <div class="page">

            <div class="head-box flex">
                <img class="logo" src="img/logo_icon.png" alt="">
                <div class="head-box-btn flex">
                    <i class="iconfont icon-sousuo search"></i>
                    <i class="iconfont icon-caidan menu"></i>
                </div>
            </div>

            <div class="menu-nav-box">
                <div class="menu-nav-item">
                    <div class="flex items-center">
                        <i class="iconfont icon-shouye"></i>
                        <p>首页</p>
                    </div>
                </div>
                <div class="menu-nav-item onthis">
                    <div class="flex items-center">
                        <i class="iconfont icon-shenqing"></i>
                        <p>申请</p>
                    </div>
                </div>
                <div class="menu-nav-item">
                    <div class="flex items-center">
                        <i class="iconfont icon-kecheng"></i>
                        <p>课程</p>
                    </div>
                </div>
                <div class="menu-nav-item">
                    <div class="flex items-center">
                        <i class="iconfont icon-jiaoshi"></i>
                        <p>师资</p>
                    </div>
                </div>
                <div class="menu-nav-item">
                    <div class="flex items-center">
                        <i class="iconfont icon-renqun"></i>
                        <p>校友</p>
                    </div>
                </div>
                <div class="menu-nav-item">
                    <div class="flex items-center">
                        <i class="iconfont icon-gongwenbao"></i>
                        <p>活动</p>
                    </div>
                </div>
                <div class="menu-nav-item">
                    <div class="flex items-center">
                        <i class="iconfont icon-zixun"></i>
                        <p>资讯</p>
                    </div>
                </div>
            </div>

            <div class="banner"><img src="img/banner_teaher.jpg" width="100%" alt="" /></div>

            <div class="teacher-video-box">
                <video id="teacher_video" preload="auto" playsinline='true' webkit-playsinline='true' x5-video-player-type='h5' x5-video-player-fullscreen='true' x5-video-orientation='portrait' width="100%" src="video.mp4"></video>
            </div>

            <div class="content teacher-detail">
                <div class="teacher-detail-head-box flex">
                    <div class="teacher-detail-pciture-box"><img src="img/teacher_detail_img.jpg" width="100%" alt="" /></div>
                    <div class="teacher-detail-name-box">
                        <h1>白崇亮</h1>
                        <p>台湾国立政治大学管理学博士</p>
                        <p>台湾奥美集团董事长</p>
                        <div class="teacher-video-btn"></div>
                    </div>
                </div>
                <div class="teacher-into-list">
                    <div class="teacher-into-list-item">
                        <div class="teacher-into-list-item-title">教学课程</div>
                        <p>品牌建构与整合营销</p>
                    </div>
                    <div class="teacher-into-list-item">
                        <div class="teacher-into-list-item-title">教授简介</div>
                        <div class="teacher-into-content">
                            <p>由白崇亮博士担任董事长的台湾奥美集团，是总部位于纽约的世界奥美集团的成员。集团旗下计有奥美广告、我是戴维广告、奥美公关、世纪奥美公关、奥美顾客关系营销、奥美数字媒体营销、奥美促动营销等七家公司，拥有近五百位传播专业精英，是台湾规模最大、声誉最为卓著的营销传播集团。</p>
                            <p>白崇亮于1993年加入台湾奥美公关公司任董事长，并于2003年起升任台湾奥美整合营销传播集团董事长，拥有二十余年的专业营销传播顾问经验。不论是在政府或企业领域，他的专业角色与能力都备受肯定；在担任本国及跨国企业的传播顾问之余，并于政治大学企业管理研究所EMBA任教，也经常应公私营组织邀请举行专题演讲，培育众多国内优秀管理及传播人才。</p>
                            <p>白博士领导台湾奥美集团，对内拟定集团发展策略，建构跨公司合作团队；对外亦为客户之品牌发展定位、整合营销策略、高阶主管形象、政府关系发展、企业危机处理等提供策略咨询之专业服务，是极资深并为众多企业领导及政府部门倚重的高阶顾问人才。接受其咨询之客户包括IBM、美国运通、福特汽车、中华开发银行、苏格兰投资局、马来西亚观光局、行政院文建会等。</p>
                            <p>同时，白博士亦热衷于国内社会教育与文化产业的推展，容膺中华21世纪智库协会和方舟文创艺术协会的理事长，并出任台北国际金融大楼公司(Taipei 101)、法蓝瓷公司、中华民国管理科学学会以及政治大学学术发展基金会等机构之董事，期盼以个人的专业力量，贡献国内外相关事业，让文化与教育丰饶社会心灵。</p>
                            <p>在加入奥美领域之前，白博士累积多年国际营销与管理咨询经验。获有国立政治大学企业管理硕士( MBA )，及管理学博士( Ph.D.)，并于加拿大英属哥伦比亚大学 (University of British Columbia) 研究进修，他同时也任教于政治大学商学院EMBA，开设“品牌管理” 课程。</p>
                            <div class="more">……更多</div>
                        </div>
                    </div>
                    <div class="teacher-into-list-item">
                        <div class="teacher-into-list-item-title">教授观点</div>
                        <div class="teacher-article-list">
                            <div class="teacher-article-list-item">
                                <h1>互联网时代，那些成功企业究竟做对了什么？| 点金录</h1>
                                <p>2018年10月26日  10:00</p>
                            </div>
                            <div class="teacher-article-list-item">
                                <h1>互联网时代，那些成功企业究竟做对了什么？| 点金录</h1>
                                <p>2018年10月26日  10:00</p>
                            </div>
                            <div class="teacher-article-list-item">
                                <h1>互联网时代，那些成功企业究竟做对了什么？| 点金录</h1>
                                <p>2018年10月26日  10:00</p>
                            </div>
                            <div class="article-more">
                                <div class="teacher-article-list-item">
                                    <h1>互联网时代，那些成功企业究竟做对了什么？| 点金录</h1>
                                    <p>2018年10月26日  10:00</p>
                                </div>
                            </div>
                        </div>
                        <div class="class-article-list-more open"></div>
                    </div>
                </div>
            </div>

            <div class="content teacher-detail">
                <div class="teacher-into-list" style="padding-top: .3rem;">
                    <div class="teacher-into-list-item">
                        <div class="teacher-into-list-item-title">课程视频</div>

                    </div>
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="teacher-detail-class-video">
                                    <p>知识产权的四大版块，与你息息相关</p>
                                    <div class="class-video-box teacher flex">
                                        <div class="video-play-btn"></div>
                                        <img src="img/video_cover_demo1.jpg" alt="" />
                                        <video preload="auto" src="video.mp4"></video>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="teacher-detail-class-video">
                                    <p>知识产权的四大版块，与你息息相关</p>
                                    <div class="class-video-box teacher flex">
                                        <div class="video-play-btn"></div>
                                        <img src="img/video_cover_demo1.jpg" alt="" />
                                        <video preload="auto" src="video.mp4"></video>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="teacher-detail-class-video">
                                    <p>知识产权的四大版块，与你息息相关</p>
                                    <div class="class-video-box teacher flex">
                                        <div class="video-play-btn"></div>
                                        <img src="img/video_cover_demo1.jpg" alt="" />
                                        <video preload="auto" src="video.mp4"></video>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-button-prev teacher-detail"></div>
                    <div class="swiper-button-next teacher-detail"></div>
                </div>
            </div>

            <div class="float-box">
                <div class="float-box-item">
                    <i class="iconfont icon-kefu"></i>
                    <p>咨询</p>
                </div>
                <div class="float-box-item">
                    <i class="iconfont icon-baoming"></i>
                    <p>报名</p>
                </div>
                <div class="float-box-item">
                    <i class="iconfont icon-dianhua"></i>
                    <p>致电</p>
                </div>
            </div>

            <div class="bottom-box">
                <div class="bottom-add-box flex">
                    <div>
                        <i class="iconfont icon-dizhi"></i>
                        <p>上海市国顺路670号<br />管理学院史带楼708室</p>
                    </div>
                    <div>
                        <i class="iconfont icon-dianhua"></i>
                        <p>021-25011500</p>
                    </div>
                    <div>
                        <i class="iconfont icon-youjian"></i>
                        <p>emba@fudan.edu.cn</p>
                    </div>
                </div>
                <div class="bottom flex">
                    <div class="flex">
                        <img src="img/bottom_logo.png" alt="">
                        <p>Copyright2017©复旦大学管理学院<br />沪ICP备16018209号-1</p>
                    </div>
                </div>
            </div>

        </div>
		
		<script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            $('.menu').click(function (e) {
                $('.menu-nav-box').toggle();
            });

            $('.search').click(function (e) {
                window.location.href = 'search.html';
            });

            var mySwiper = new Swiper ('.swiper-container', {
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },
            });

            $('.more').click(function (e) {
                if ($('.teacher-into-content').hasClass('open')) {
                    $('.teacher-into-content').removeClass('open');
                    $(this).html('……更多');
                }else{
                    $('.teacher-into-content').addClass('open');
                    $(this).html('收起');
                }
            });

            $('.class-article-list-more').click(function (e) {
                if ($(this).hasClass('open')){
                    $(this).removeClass('open');
                    $(this).addClass('close');
                    $('.article-more').show();
                } else {
                    $(this).removeClass('close');
                    $(this).addClass('open');
                    $('.article-more').hide();
                }
            });

            $('.teacher-video-btn').click(function(e){
                var video = document.getElementById('teacher_video');
                $('.teacher-video-box').show();
                video.play();
                document.addEventListener("WeixinJSBridgeReady", function() {
                    video.play();
                }, false);
                video.addEventListener("ended", function() {
                    //alert("播放结束");
                    $('.teacher-video-box').hide();
                })
            });

            $('.video-play-btn').click(function (e) {
                $(this).hide();
                $(this).next('img').hide();
                var video = $(this).siblings('video');
                $('#my_video').show();
                video.trigger('play');
                document.addEventListener("WeixinJSBridgeReady", function() {
                    video.play();
                }, false);
                video.addEventListener("ended", function() {
                    //alert("播放结束");
                    $('#my_video').hide();
                    $('.video-play-btn').show();
                    $('.video-play-btn').next('img').show();
                })
            });
        </script>
	</body>
</html>
